<template>
  <div class="card_wrap">
    <el-popover
      placement="left-start"
      title="电话"
      width="180"
      trigger="hover"
      content="13279566139"
    >
      <el-button slot="reference"
        ><img class="imgs" :src="iphong" alt=""
      /></el-button>
    </el-popover>

    <el-popover
      placement="left-start"
      title="微信"
      width="180"
      trigger="hover"
      content="WS2912388407"
    >
      <el-button slot="reference"
        ><img class="imgs" :src="wechat" alt=""
      /></el-button>
    </el-popover>
  </div>
</template>

<script>
export default {
  name: "HoneyCard",

  data() {
    return {
      iphong: require("../assets/iphone.png"),
      wechat: require("../assets/wechat.png"),
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.card_wrap {
  width: 80px;
  height: 200px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: fixed;
  right: 17px;
  bottom: 200px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.imgs {
  margin: 10px 0;
  width: 30px;
  height: auto;
}
</style>